<!DOCTYPE html>
<html>
<!-- 审核详情页面   徐云鹏 -->
<head>
    <meta charset="utf-8" />
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> -->
    <title>审核详情页面</title>
    <!--  Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <style type="text/css">
    /* 列表样式 */
      .nav_daohang{
          width: 94%;
          margin: 0 auto;
      }
      
        /* 表单样式 */
        .container-fluid {
            outline: 2px solid #B5D4F6;
            width: 93%;
        }

        .form-group {
            display: flex;
            justify-content: center;
        }

        .div_lable {
            text-align: center;
            padding-top: 5px;
        }

        .control-label {
            font-size: 10px;
        }

        /* 表格样式 */
        .table-bordered th {

            font-size: 8px;
        }

        td {
            font-size: 12px;
        }

        .rongqi {
            margin: 0 auto;
        }
       
    </style>
</head>

<body>


    <!-- 模态框 -->
    <div id="myModal">
        <div class="rongqi" style="width: 600px;">
            <div class="modal-content">

                <!-- 模态框头部 -->
                <div class="modal-header" style="background-color: #6D9ED4;">
                    <h5 class="modal-title" id="myModallabel" style="font-size: 16px;">查看数据详情进行审核</h5>
                    <button class=" close" type="button" data-dismiss="modal" aria-hidden="true"
                        style="padding: 1rem 0.5rem">&times;</button>

                </div>

                <!-- 模态框主体 -->
                <div class="modal-body">
                    <div class="nav_daohang">
                        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home"
                                 aria-selected="true">管理单位</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile"
                                 aria-selected="false">检测信息</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact"
                                 aria-selected="false">人员备注</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" id="pills-sujv-tab" data-toggle="pill" href="#pills-sujv" role="tab" aria-controls="pills-sujv"
                                 aria-selected="false">数据详情</a>
                            </li>
                        </ul>
                    </div>                    
                    
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                            <form class="form-horizontal GlFrom" >
                                <div class="container-fluid">
                                    <div class="div_box" style="padding:10px ;">
                                        <!-- 第一行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect01">监理单位</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect01">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第二行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect02">监督单位</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect02">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第三行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect03">受检单位</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect03">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第四行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect04">见证单位</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect04">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第五行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect05">混凝土类别</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect05">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </form>

                        </div>
                        <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                            
                            <form class="form-horizontal CsFrom" >
                                <div class="container-fluid">
                                    <div class="div_box" style="padding:10px ;">
                                        <!-- 第一行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect06">检测部位</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect06">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第二行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect07">检测类别</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect07">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第三行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect08">检测方式</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect08">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第四行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect09">抽样人员</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect09">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第五行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect10">抽样地点</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect10">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- 第六行 -->
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect11">抽样时间</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect11">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                            
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
                        <form class="form-horizontal CsFrom" id="">
                            <div class="container-fluid">
                                <div class="div_box" style="padding:10px ;">
                                    <!-- 第一行 -->
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="input-group sm-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect12">检测</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect12">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect13">复核</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect13">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect14">审核</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect14">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 第二行 -->
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="input-group sm-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect15">校验</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect15">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect16">校验</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect16">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect17">负责</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect17">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 第三行 -->
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="input-group sm-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect18">记录</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect18">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect19">说明</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect19">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <label class="input-group-text" for="inputGroupSelect20">主检</label>
                                                </div>
                                                <select class="custom-select" id="inputGroupSelect20">
                                                    <option selected>Choose...</option>
                                                    <option value="1">One</option>
                                                    <option value="2">Two</option>
                                                    <option value="3">Three</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 第四行 -->
                                    <div class="row">
                                        
                                    </div>
                                    <!-- 第五行 -->
                                    <div class="row">
                                        <div class="col-md-2" style="padding: 0;">
                                            <span class="" style="font-size: 14px;padding-left: 20px;">备注说明:</span>
                                        </div>
                                        <div class="col-md-10">
                                              <textarea class="form-control" aria-label="With textarea"  style="width: 100%;height:120px;"></textarea>
                                        </div>
                                    </div>
                                 	
                                </div>
                            </div>
                        </form>
                                                    
                        </div>
                    </div>


                    <div class="form-group" style="margin-top: 30px;">
                        <div class="col-sm-12">
                            <!-- 数据详情 -->
                            <div style="text-align: center;background-color: #A9D2FF;height:30px;line-height:30px;">
                                <p style="margin-bottom:0;">数据详情</p>
                            </div>
        
                            <!-- 表格  -->
                            <div style="overflow:scroll;">
                                <table class="table table-bordered" style="min-width:1200px;">
                                    <thead>
                                        <tr>
                                            <th scope="col">测区</th>
                                            <th scope="col">1</th>
                                            <th scope="col">2</th>
                                            <th scope="col">3</th>
                                            <th scope="col">4</th>
                                            <th scope="col">5</th>
                                            <th scope="col">6</th>
                                            <th scope="col">7</th>
                                            <th scope="col">8</th>
                                            <th scope="col">9</th>
                                            <th scope="col">10</th>
                                            <th scope="col">11</th>
                                            <th scope="col">12</th>
                                            <th scope="col">13</th>
                                            <th scope="col">14</th>
                                            <th scope="col">15</th>
                                            <th scope="col">16</th>
                                            <th scope="col">Rn</th>
                                            <th scope="col">碳化1</th>
                                            <th scope="col">碳化2</th>
                                            <th scope="col">碳化3</th>
                                            <th scope="col">平均碳化</th>
                                            <th scope="col">炭化值</th>
                                            <th scope="col">强度值</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th scope="row">1</th>
                                            <td>43</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>42</td>
                                            <td>41</td>
                                            <td>44</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>42</td>
                                            <td>43</td>
                                            <td>46</td>
                                            <td>41</td>
                                            <td>42</td>
                                            <td>44</td>
                                            <td>43</td>
                                            <td>0.0</td>
                                            <td>--</td>
                                            <td>--</td>
                                            <td>0.0</td>
                                            <td>0.0</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <th scope="row">2</th>
                                            <td>43</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>42</td>
                                            <td>41</td>
                                            <td>44</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>42</td>
                                            <td>43</td>
                                            <td>46</td>
                                            <td>41</td>
                                            <td>42</td>
                                            <td>44</td>
                                            <td>43</td>
                                            <td>0.0</td>
                                            <td>--</td>
                                            <td>--</td>
                                            <td>0.0</td>
                                            <td>0.0</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <th scope="row">3</th>
                                            <td>43</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>42</td>
                                            <td>41</td>
                                            <td>44</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>42</td>
                                            <td>43</td>
                                            <td>46</td>
                                            <td>41</td>
                                            <td>42</td>
                                            <td>44</td>
                                            <td>43</td>
                                            <td>0.0</td>
                                            <td>--</td>
                                            <td>--</td>
                                            <td>0.0</td>
                                            <td>0.0</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <th scope="row">4</th>
                                            <td>43</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>42</td>
                                            <td>41</td>
                                            <td>44</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>42</td>
                                            <td>43</td>
                                            <td>46</td>
                                            <td>41</td>
                                            <td>42</td>
                                            <td>44</td>
                                            <td>43</td>
                                            <td>0.0</td>
                                            <td>--</td>
                                            <td>--</td>
                                            <td>0.0</td>
                                            <td>0.0</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <th scope="row">5</th>
                                            <td>43</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>42</td>
                                            <td>41</td>
                                            <td>44</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>42</td>
                                            <td>43</td>
                                            <td>46</td>
                                            <td>41</td>
                                            <td>42</td>
                                            <td>44</td>
                                            <td>43</td>
                                            <td>0.0</td>
                                            <td>--</td>
                                            <td>--</td>
                                            <td>0.0</td>
                                            <td>0.0</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <th scope="row">6</th>
                                            <td>43</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>45</td>
                                            <td>42</td>
                                            <td>41</td>
                                            <td>44</td>
                                            <td>44</td>
                                            <td>42</td>
                                            <td>42</td>
                                            <td>43</td>
                                            <td>46</td>
                                            <td>41</td>
                                            <td>42</td>
                                            <td>44</td>
                                            <td>43</td>
                                            <td>0.0</td>
                                            <td>--</td>
                                            <td>--</td>
                                            <td>0.0</td>
                                            <td>0.0</td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
        
                        </div>
                    </div>

                    <!-- 底部按钮 -->
                    <div class="form-group">
                        <div class="col-sm-offset-6 col-sm-6" style="text-align: center;">
                            <button type="submit" class="btn btn-primary">审核通过</button>
                        </div>
                        <div class="col-sm-offset-6 col-sm-6" style="text-align: center;">
                            <button type="submit" class="btn btn-danger">审核未通过</button>
                        </div>
                    </div>


                </div>               
            </div>
           
        </div>
    </div>
    </div>

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <!-- Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>

</html>